<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Page.qy</title>
    <link type="text/css" rel="stylesheet" href="index.css">
</head>
<body>
<div id="root">
    <img id="logoText" src="./pic/text.svg"/>
    <img id="circle0" class="circle" src="./pic/blue.svg"/>
    <img id="circle1" class="circle" src="./pic/green.svg"/>
    <img id="circle2" class="circle" src="./pic/red.svg"/>
    <img id="circle3" class="circle" src="./pic/whatever.svg"/>
    <img id="circle4" class="circle" src="./pic/yellow.svg"/>
    <img id="circle5" class="circle" src="./pic/purple.svg"/>
    <img id="circle6" class="circle" src="./pic/whatever.svg"/>
    <img id="circle7" class="circle" src="./pic/red.svg"/>
    <img id="circle8" class="circle" src="./pic/yellow.svg"/>

    <p id="title">🌟<br/>以简单的方式<br/>建立你的个人网站<br/>无需一行代码<br/>❤️</p>

    <div id="intro0" class="intro">
        <h2>💅<br/>拒绝一成不变</h2>
        <p>Page.qy 支持高度自定义的主题功能, 只需要安装并应用不同的主题, 就能为你生成完全不同风格的网站!</p>
    </div>
    <div id="intro1" class="intro">
        <h2>🚀<br/>乘坐时间机器</h2>
        <p>Page.qy 的 TimeMachine 功能支持完整的文档历史记录, 你可以随时轻松恢复到任何一次的保存记录!</p>
    </div>
    <div id="intro2" class="intro">
        <h2>📦<br/>不再丢失数据</h2>
        <p>Page.qy 完整的备份/恢复功能保障你的数据足够安全!</p>
    </div>
    <div id="intro3" class="intro">
        <h2>📂<br/>文件自由导出</h2>
        <p>Page.qy 依托于 GitHub Page 但并不限于此, 你完全可以自由地将所有页面作为文件导出并部署在你想要的地方!</p>
    </div>
    <div id="intro4" class="intro">
        <h2>💻<br/>所有平台可用</h2>
        <p>Page.qy 适用于 macOS / Windows / Linux 平台, 且为各平台提供一致的体验!</p>
    </div>
    <div id="intro5" class="intro">
        <h2>❤️<br/>免费自由开源</h2>
        <p>Page.qy 将网站部署在 GitHub Page, 感谢 GitHub 免费提供的服务!
            同时, Page.qy 也开源在 GitHub 并接受 issues 或共同开发!
        </p>
    </div>

    <a class="button" id="button0" target="_blank"
       href="https://github.com/HuQingyang/Page.qy"
    >GitHub仓库</a>
    <a class="button" id="button1"  target="_blank"
       href="https://github.com/HuQingyang/Page.qy/blob/master/doc/theme.md"
    >开发主题</a>
    <a class="button" id="button2">立即下载</a>

    <div id="download" style="display: none; opacity: 0">
        <a class="download" id="win" target="_blank" href="http://123.206.184.175:80/download/win">
            <img src="./pic/win.svg"/>
        </a>
        <a class="download" id="mac" target="_blank" href="http://123.206.184.175:80/download/mac">
            <img src="./pic/mac.svg"/>
        </a>
        <a class="download" id="linux" target="_blank" href="http://123.206.184.175:80/download/linux">
            <img src="./pic/linux.svg"/>
        </a>
    </div>
    <p id="downloadText"></p>
</div>

<script type="text/javascript" rel="script" src="./index.build.js"></script>
</body>
</html>
